* {
    margin: 0;
    padding: 0;
}

body {
    height: 37.5rem;
    padding: 20px 40px;
    background-image: linear-gradient(100deg, rgb(15, 161, 223), rgb(232, 243, 14));
}

.box {
    height: 100%;
    display: flex;

    .left {
        flex: 1;

        .user {
            display: flex;
            height: 2rem;
            line-height: 2rem;

            span {
                font-size: 0.833rem;
                padding: 0 0.208rem;
            }

            input {
                width: 8.333rem;
                height: 2rem;
                font-size: 0.75rem;
                outline: none;
                border: none;
                border-radius: 0.208rem;
                padding-left: 0.208rem;
            }

            button {
                height: 2rem;
                width: 3.333rem;
                font-size: 0.75rem;
                background-color: rgb(14, 124, 179);
                outline: none;
                border: none;
                border-radius: 0.208rem;
                margin-left: 0.125rem;
            }
        }

        .biaoge {
            margin-top: 0.833rem;

            table {
                width: 35.417rem;
                border: 1px solid #fff;
                border-spacing: 0;
                border-radius: 0.208rem;
            }

            thead {
                background-image: linear-gradient(100deg, rgb(232, 243, 14), rgb(15, 161, 223));
            }

            tbody {
                background-image: linear-gradient(100deg, rgb(15, 161, 223), rgb(232, 243, 14));
            }

            th,
            td {
                height: 2rem;
                border-bottom: 1px solid #fff;
                border-right: 1px solid #fff;
                text-align: center;
            }

            th:last-child {
                border-right: 0;
            }

            tr td:last-child {
                border-right: 0;
            }

            tr:last-child td {
                border-bottom: 0;
            }
        }
    }

    .right {
        width: 33.333rem;
        height: 100%;

        .line {
            height: 50%;
        }

        .bar {
            height: 50%;
        }

    }
}